<script type="text/html" id='showData'>
    <li>
        <p class='classifyName'  data-id=""><span>所有分类</span>
            <input type="hidden">
            <i class="add"></i></p>
    </li>
    {{for data}}
        <li class={{:~showClass(#data,#index)}}>
            <p class='classifyName' data-id="{{:#data['id']}}" title="{{:#data['collectName']}}">
                <span class='classifyName' data-id="{{:#data['id']}}">{{:#data['collectName']}}</span>
               <input type="text" data-id="{{:#data['id']}}">
                <i class="sure"  data-id="{{:#data['id']}}"  data-old="{{:#data['collectName']}}"></i>
                <i class="update" data-id="{{:#data['id']}}"></i>
                <i class="delete" data-id="{{:#data['id']}}"></i>
            </p>
        </li>
    {{/for}}
    </script>
<script>
    $(function () {
        var documentPop;
        // 获取侧边栏我的收藏数据
        getAsideData();
        function getAsideData() {
            shared.ajaxPost(config.showSaveClassify, {}, function callback(res) {
                core.useTemplateAuto('showData', { data: res }, {
                    showClass: function (data, index) {
                        if (index == res.length - 1) {
                            return 'last'
                        } else {
                            return ''
                        }
                    }
                }, true)
                $('#classifyBox .classifyName').each(function (index, item) {
                    if (!index) {
                        $(item).css('background-color', '#e5eaeb');
                        $(item).children('span').css('background-color', '#e5eaeb');
                    }
                })
            });
        }
        $('#classifyBox').click(function (e) {
            switch (e.target.className) {
                case 'classifyName':
                    postTableData.collectClassifyID = $(e.target).attr('data-id');
                    postTableData.searchValue = '';
                    postTableData.page = 1;
                    //重新渲染表格数据
                    //点击加上选中样式
                    pageData.tableData(config.getCollectionList, postTableData, 'mySaveTableData', 'savePageNation', true, '#mention1');
                    $('#classifyBox .classifyName').each(function (index, item) {
                        $(item).css('background-color', '#ffffff');
                        $(item).children('span').css('background-color', '#ffffff');
                    })
                    $(e.target).css('background-color', '#e5eaeb');
                    $(e.target).children('span').css('background-color', '#e5eaeb');
                    break;
                case 'delete':
                    layer.open({
                        title: '提示',
                        content: '你确定删除此收藏文件夹以及收藏的所有数据吗？',
                        time: 0,//不自动关闭
                        btn: ['确定', '取消'],
                        scrollbar: true,
                        yes: function (index) {
                            deleteName($(e.target))
                            layer.close(index);
                        }
                    });
                    break;
                case 'update':
                    // 修改时判断有没有其他input
                    $('#classifyBox input').each(function (index, item) {
                        if ($(e.target).parent().parent('li').index() == index) {
                            $(e.target).siblings('input').css('display', 'block');
                            $(e.target).siblings('input').val($(e.target).siblings('span').text())
                            $(e.target).siblings('.sure').css('display', 'block');
                            $(e.target).siblings('.delete').css('visibility', 'hidden');
                            $(e.target).css('visibility', 'hidden');
                        } else {
                            $(item).css('display', 'none');
                            $(item).val($(e.target).siblings('span').text())
                            $(item).siblings('.sure').css('display', 'none');
                            $(item).siblings('.delete').css('visibility', '');
                            $(item).siblings('.update').css('visibility', '');
                        }
                    })

                    break;
                case 'add':
                    documentPop = layer.prompt({ title: '新建收藏分类', formType: 0 }, function (text, index) {
                        //添加用户输入的分类名
                        addName(text)
                    });
                    break;
                case 'sure':
                    $(e.target).css('display', 'none');
                    $(e.target).siblings('input').css('display', 'none');
                    $(e.target).siblings('.delete').css('visibility', '');
                    $(e.target).siblings('.update').css('visibility', '');
                    if (!$(e.target).siblings('input').val()) {
                        layer.msg('请输入文件夹名称!')
                        return;
                    }
                    // 操作修改文件夹名字
                    upDateName($(e.target).attr('data-id'), $(e.target).siblings('input').val(), $(e.target).siblings('span'))
                    break
            }
        });
        // 修改
        function upDateName(typeId, type, e) {
            shared.ajaxPost(config.updateSaveClassify, { id: typeId, collectName: type }, function callback(res) {
                //修改成功
                if (res) {
                    e.text(type)
                    e.parent('p').attr('title', type)
                    layer.msg(res)
                }
            });
        }
        // 删除
        function deleteName(e) {
            shared.ajaxPost(config.deleteSaveClassify, { id: e.attr('data-id') }, function callback(res) {
                e.parent('p').parent('li').remove();
                layer.msg(res);
            });
        }
        // 添加
        function addName(type) {
            if (!$.trim(type)) {
                layer.msg('请输入分类名称!!!')
                return
            }
            shared.ajaxPost(config.addSaveClassify, { collectName: type, sort: '1' }, function callback(res) {
                console.log(res)
                if (res.id) {
                    layer.msg('添加成功');
                    layer.close(documentPop)
                    // 添加该节点
                    $('#classifyBox').append('<li><p class="classifyName" data-id="' + res.id + '" title=' + res.collectName + '><span class="classifyName" data-id=' + res.id + '>' + res.collectName + '</span><input type="text" value=' + res.collectName + ' data-id=' + res.id + ' data-old=' + res.collectName + '><i class="update" data-id=' + res.id + '></i><i class="delete" data-id=' + res.id + '></i></p> </li>')
                }
            });
        }


    })

</script>